<template>
  <div>
    <h1>弟弟{{ count }}</h1>
    <button @click="byby">拜拜</button>
  </div>
</template>

<script>
import PubSub from "pubsub-js"
export default {
  name: "Didi",
  data() {
    return {
      count: 0,
      pubsubId: null //保存订阅的返回值 用来取消订阅
    };
  },

  methods:{
    byby(){
        //一般是订阅方取消订阅
        //参数：订阅的返回值
        PubSub.unsubscribe(this.pubsubId)

        //第二种直接写订阅名字
        // PubSub.unsubscribe("count")
    }
  },

  //弟弟初始化订阅哥哥
  mounted(){
    //订阅：
    //参数1；订阅名
    //参数2：回调函数 只要一发布订阅 回调函数就执行
    this.pubsubId = PubSub.subscribe("count" , (_ , data) => {
        this.count = data
    })
  }
};
</script>

<style>
</style>